.input_wrap {
    margin-top: 15px;
    line-height: 40px;
    height: 40px;
    /* background-color: orangered; */
}

.input_title {
    font-size: 14px;
    color: #2e3740;
    text-align: right;
    padding-right: 5px;
    width: 80px;
}

.input_title::after {
    content: "：";
}

.input_main {
    font-size: 14px;
    height: 100%;
    width: 320px;
}

.input_item {
    width: 100%;
    height: 100%;
    border: thin #dddee0 solid;
    border-radius: 4px;
    padding: 0px 15px;
    outline: none!important;
}

.input_item:focus {
    border: thin #47b774 solid;
}

.check_code_main .checkCode {
    width: 196px;
    float: left;
}

.check_code_main .checkCodeImage {
    width: 118px;
    margin-left: 4px;
    float: right;
    cursor: pointer;
}

.btns_wrap {
    text-align: center;
}

.btns_wrap .m_btn {
    width: 156px;
}

.my-card {
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

label.chk {
    font-size: 14px;
    cursor: pointer;
}

label.chk i {
    font-size: 14px;
    font-style: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 12px;
    color: #fff;
    vertical-align: middle;
    margin: -2px 4px 1px 0px;
    border: #47b774 thin solid;
}

label.chk input[type="checkbox"],
input[type="radio"] {
    display: none;
}

label.chk input[type="radio"]+i {
    border-radius: 7px;
}

label.chk input[type="checkbox"]:checked+i,
input[type="radio"]:checked+i {
    background: #339a5c;
}

label.chk input[type="checkbox"]:disabled+i,
input[type="radio"]:disabled+i {
    border-color: #ccc;
}

label.chk input[type="checkbox"]:checked:disabled+i,
input[type="radio"]:checked:disabled+i {
    background: #ccc;
}